<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>表情识别</title>
        <link rel="stylesheet" type="text/css" href="../../../css/aui.css" />
        <script src="../../../CommonTool/commonNetWork.js"></script>
        <script src="../../../script/jquery.js"></script>
        <script src="../../../CommonTool/progress.js"></script>
        <script src="./AuditoryExpression.js"></script>
    </head>
    <style>
        .row-margin {
            margin-top: 6%;
        }
        @media (min-width: 1240px) and (orientation: landscape) {
            .row-margin {
                margin-top: 8%;
            }
        }
    </style>
    <body>
        <header class="aui-bar aui-bar-nav" id="aui-header">
            <div class="aui-pull-left aui-btn" onclick="close_winMain();">
                <span class="aui-iconfont aui-icon-left"></span>返回
            </div>
            <div class="aui-title">基础-初级-情绪声音区辨</div>
        </header>
        <section class="aui-grid">
            <div class="aui-row row-margin">
                <div class="aui-col-xs-4"></div>
                <div class="aui-col-xs-4 blockPadding" onclick="AuditoryExpressionTrain()">
                    <img class="IconImgStyle" src="http://172.16.32.194/social/train.png" alt="" />
                </div>
                <div class="aui-col-xs-4"></div>
                <section class="aui-grid"></section>
                <div class="aui-row row-margin"></div>
                <div class="aui-col-xs-4"></div>
                <div class="aui-col-xs-4 blockPadding" onclick="AuditoryExpressionTest()">
                    <img class="IconImgStyle" src="http://172.16.32.194/social/test.png" alt="" />
                </div>

                <div class="aui-col-xs-4"></div>
            </div>
        </section>
    </body>
    <script type="text/javascript">
        var token = "";
        var userid = "";
        var currentTimestamp = "";
        var operationName = "";
        var additionalInfo = "";
        var groupId = "";
        var scene = "基础";
        var sceneLevel = "初级";
        var courseType = "情绪声音区辨";
        var classSort = "";
        var moodType = "";
        var remarks = "";
        var classType = "";
        apiready = function () {
            token = api.pageParam.token;
            userid = api.pageParam.uid;
            var currentTimestamp = Date.now();
            operationName = "";
            additionalInfo = "";
            CommonNetWork();
        };

        function AuditoryExpressionTrain() {
            api.openWin({
                name: "AuditoryExpression",
                url: "./AuditoryExpression1.html",
                pageParam: {
                    uid: userid,
                    token: token,
                },
                reload: true,
            });
        }

        function AuditoryExpressionTest() {
            api.openWin({
                name: "test",
                url: "test1.html",
                pageParam: {
                    uid: userid,
                    token: token,
                },
                reload: true,
            });
        }
        function close_winMain() {
            // 停止页面中所有的<audio>播放
            document.querySelectorAll("audio").forEach((audio) => audio.pause());
            currentTimestamp = Date.now();
            operationName = "end";
            additionalInfo = "out";
            CommonNetWork();
            api.openWin({
                name: "SubsetMenu-Basics",
                url: "../../SubsetMenu-Basics.html",
                reload: true,
            });
        }
    </script>
</html>
